<!--
 * @Author: Wushiqi
 * @Descripttion: 查询和重置按钮
 * @Date: 2021-03-19 15:49:37
 * @LastEditor: Wushiqi
 * @LastEditTime: 2021-04-29 10:07:08
-->
<template>
  <div class="query-button-container">
    <el-button class="query-button" type="primary" plain icon="el-icon-search" @click="query">查询</el-button>
    <el-button class="query-button" type="primary" plain size="small" icon="el-icon-refresh-left" @click="reset">重置</el-button>
  </div>
</template>

<script>
/**
 * 查询和重置按钮
  <query-button @reset="reset" @query="query" />
 */
export default {
  name: 'QueryButton',
  methods: {
    query: function() {
      this.$emit('query')
    },
    reset: function() {
      this.$emit('reset')
    }
  }
}
</script>

<style lang="scss" scoped>
.query-button-container {
  display: inline-block;
}
.query-button {
  margin-left: 15px;
  font-size: 15px;
  padding: 7px 8px;
  line-height: 13px;
}
</style>
